import Vue from 'vue'
import VueI18N from 'vue-i18n'
// element ui 语言包引入
import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
// 引入自定义菜单字典
import zhMenu from './zh'
import enMenu from './en'

Vue.use(VueI18N)

const i18n = new VueI18N({
  // 这里的配置对象是重点
  // 地区标记, 可以随意起, 但是要跟后面的字典对应, 一般以语言做设定 en 英语, zh 中文
  locale: 'en',
  // 字典
  messages: {
    // 这里的属性都是一些语言字典
    zh: {
      // key: value 键值对对应翻译语句, 其中 key 是标记, 可以随便起, 但是不同语言之间应相同
      sayhi: '你好世界',
      ...zhLocale,
      ...zhMenu
      // 上面的引入和展开相当于写上下面的配置
      // route: {
      //   dashboard: '首页',
      //   // 工资
      //   salarys: '工资',
      //   // 公司
      //   settings: '公司设置',
      //   // 考勤
      //   attendances: '考勤',
      //   // 权限
      //   'permissions': '权限管理' // 权限管理
      // }
    },
    en: {
      sayhi: 'hello world',
      ...enLocale,
      ...enMenu
    }
  }
})

export default i18n
